<ion-header>

  <ion-navbar>
    <ion-title>投注记录</ion-title>
  </ion-navbar>

</ion-header>


<ion-content>

  <loading [text]="'加载中...'" *ngIf="showLoading"></loading>
  <ion-list>

    <ion-item *ngFor="let item of data;let i=index;">

      <div class="box">
        <div class="flex title">
          <p class="tiem">{{item.CreateTime}}</p>
          <p class="type">{{item.typeStr}}</p>
        </div>
        <div class="info flex">
          <div>
            <p class="game">游戏名称：{{item.GameName}}</p>
            <p class="bet">总投注额：<span class="money">{{item.Bet}}元</span></p>
            <p class="realbet">有效投注额：<span class="money">{{item.RealBet}}元</span></p>
          </div>
         <div class="result" [ngClass]="{'green':item.resultStr == '和','red':item.resultStr == '输','blue':item.resultStr == '赢','gray':item.resultStr == '无效'}">
          {{item.resultStr}}
         </div>
        </div>
        <div class="other" [ngClass]="{'none':!item.more}">
          <p class="jackpot">彩金：<span class="money">{{item.Jackpot}}元</span></p>
          <p class="platform">游戏平台：{{item.GamePlatform}}</p>
          <p class="order">注单号：{{item.OrderNumber}}</p>
          <p class="item">派彩时间：{{item.UpdateTime}}</p>
        </div>
        <div style="margin-top: 10px;">
          <p *ngIf="!item.more" (click)="moreAction(i)" style="color: #333;text-align: center">展开</p>
          <p *ngIf="item.more" (click)="moreAction(i)" style="color: #333;text-align: center">收起</p>
        </div>
      </div>

    </ion-item>

  </ion-list>
</ion-content>
